<template>
    <div>
        <el-container  style="height: 700px; border: 1px solid #eee">
            <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)">教材订购管理系统</el-header>
            <el-container>
                <el-aside width="200px">
                    <el-menu :default-openeds="['1', '3']">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-message"></i>教材管理</template>
                        <el-menu-item-group>
                            <el-menu-item index="1-1">
                            <router-link to ="/tmm">教材信息</router-link>
                        </el-menu-item>
                        <el-menu-item index="1-2">
                            <router-link to ="/addbook">添加教材</router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>

                    <el-submenu index="2">
                        <template slot="title"><i class="el-icon-menu"></i>
                            <router-link to="/user">用户管理</router-link>
                        </template>
                    </el-submenu>

                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-setting"></i>订单管理</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/status">订单状态</router-link>
                        </el-menu-item>
                        <el-menu-item index="3-2">
                            <router-link to="/order">采购单</router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title"><i class="el-icon-setting"></i>库存管理</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/stock">
                            <router-link to="/stock">库存情况</router-link>
                            </router-link>
                        </el-menu-item>
                        </el-menu-item-group>

                    </el-submenu>

                    <el-submenu index="3">
                        <template slot="title"><i class="el-icon-setting"></i>统计分析</template>
                        <el-menu-item-group>
                        <el-menu-item index="3-1">
                            <router-link to="/assay">
                                <router-link to="/assay">库存数据分析</router-link>
                            </router-link>
                        </el-menu-item>
                        </el-menu-item-group>
                       
                    </el-submenu>
                </el-menu>
                </el-aside>

                
                <el-main>
                    <el-table
                    :data="tableData"
                    height="250"
                    border
                     style="width: 100%">
                        <el-table-column
                            prop="date"
                            label="日期"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="name"
                            label="姓名"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="address"
                            label="地址">
                        </el-table-column>
                    </el-table>
                        
                   
                </el-main>

            </el-container>
        </el-container>
    </div>
 </template>

 <script>
 
// import axios from 'axios';

 export default{
    data() {
      return {
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]
      }
    },

    methods:{
           
    }
 }
 </script>

 <style>
 

 </style>